
<ion-content>
  <ion-refresher (ionRefresh)="doRefresh($event)">
    <ion-refresher-content pullingIcon="arrow-dropdown" pullingText="下拉刷新..." refreshingSpinner="circles" refreshingText="请稍等...">
    </ion-refresher-content>
  </ion-refresher>
  <div class="uh bor_b bc-bg" id="Header">
    <div class="ub-img1 color_white bc-bg" style="height: 10em;width: 100%;" id="bcimg_h">
      <img src="{{user.HeadPortrait | imgUrl:'base64'}}" alt="" style="position: absolute;height: 140px;width: 100%;">
      <div class="ub ub-ver" style="width: 100%;height: 100%;background-color: rgba(0,0,0,0.3);">
        <div class="ub">
          <div class="nav-btn widthh" id="nav-left" (click)="navCtrl.pop()">
            <div class="ub-img1 back_btn_img " style="background-image: url(assets/imgs/img/back_white.png)"></div>
          </div>
          <h1 class="ut ub-f1 ulev-3 ut-s tx-c color_black" tabindex="0"></h1>
          <div class="nav-btn" id="nav-right">
            <div class="ub-img1 umar-t lahei" (click)="thistankuang1()"></div>
          </div>
        </div>
        <div class="ub ub-ac ub-f1 ub-pe">
          <div class="ub" id="isguanzhu" (click)="Btn_addf()" style="border-radius: 10em 0em 0em 10em;padding:0.3em 0.6em;background-color: #999999;">
            <ng-container *ngIf="user.IsEachOther==1; else elseTemplate">
              <div>已关注</div>
            </ng-container>
            <ng-template #elseTemplate>
              <div class="ub-img" style="background-image: url(assets/imgs/img/jiaguanzhu.png);width: 1em;height: 1em;"></div>
              <div>关注</div>
            </ng-template>
          </div>
        </div>
        <div class="ub ub-pe">
          <div class="ub-img umar-r" style="background-image: url(assets/imgs/img/jiangbei.png);width: 1em;height: 1em;"></div>
          <div class="umar-b" style="padding-right: 3em;">
            获胜率是我说到做到信用
          </div>
        </div>
      </div>
    </div>
    <div class="ub-img1 headerwh" id="headimg">
      <img src="{{user.HeadPortrait | imgUrl:'base64'}}" />
    </div>
    <div class="ub ub-pe uinn bc-head">
      <div class="ub ub-ac ub-pc wh_xd bor_a umar-r" (click)="Btn_openChat()">
        消息
      </div>
      <div class="ub ub-ac ub-pc wh_xd bc_red color_white" id="dashang5421" (click)="Btn_dashang()">
        打赏
      </div>
    </div>
    <div class="bc-head pad_left7 pad_right7 font">
      <h1 id="nickname" style="margin-top: 0px;margin-bottom: 0px;">{{user.Title}}</h1>
    </div>
    <div class="ub  ub-ac bc-head  height6" style="font-size: 1.2em;">
      <div class="ub ub-f1 ub-ac ub-pc ub-ver">
        <div>
          <span id="Per">{{user.Per=="--"?"--":user.Per*100 }}</span>%
        </div>
        <div class="fontcolor999 fontsize6">
          获胜率
        </div>
      </div>
      <div class="ub ub-f1 ub-ac ub-pc ub-ver">
        <div id="JoinDe">{{user.JoinDe}}</div>
        <div class="fontcolor999 fontsize6">
          挑战
        </div>
      </div>
      <div class="ub ub-f1 ub-ac ub-pc ub-ver">
        <div id="FSC">{{user.FSC}}</div>
        <div class="fontcolor999 fontsize6">
          粉丝
        </div>
      </div>
      <div class="ub ub-f1 ub-ac ub-pc ub-ver">
        <div id="GZC">{{user.GZC}}</div>
        <div class="fontcolor999 fontsize6">
          关注
        </div>
      </div>
    </div>
  </div>

  <div>
    <div class="scrollbox">
      <!-- <div class="ub ub-ac mar_t7 pad_left7 pad_right7 bc-head umh5">
                      马甲线大赛全国十强 健身励志达人
                      </div> -->
      <div class="ub ub-ac pad_left7 pad_right7 bc-head umh5">
        <div class="ub-img1 umar-r" style="background-image: url(assets/imgs/img/ditu_dingwei.png);width: 1.5em;height: 1.5em;"></div>
        <div id="CityID">{{user.CityID}} </div>
      </div>
      <div class="ub color666 bc-head mar_t7 umh5">
        <div class="ub ub-ac ub-pc ub-f1 umh4 " [ngClass]="{'bor_tex_red':tex_red}" id="btn1" (click)="qiehuan(1)">
          挑战
        </div>
        <div class="ub ub-ac ub-pc ub-f1 umh4 " id="btn2" [ngClass]="{'bor_tex_red':!tex_red}" (click)="qiehuan(2)">
          动态
        </div>
      </div>
      <div class="ub   ub-ver " id="dt_list">

        <div class="ub ub-ver bc-head mar_t7">
          <!--挑战 -->
          <div class="ub ub-ver ub-f1 mar_t7 " id="btn1_y" *ngIf="tex_red">
            <ng-container *ngFor="let item of dekarList; let i=index">
              <ng-container *ngIf="i==0; else elseTemplate">
                <div class="ub umh5 pad_left7 bc-head mar_t7">
                  <div class="ub ub-ver ub-ac umar-r" >
                    <div class="ub-img" style="background-image: url(assets/imgs/img/time_red.png);width: 1.5em;height: 1.5em;"></div>
                    <div class="ub-f1 ubr bor_red"></div>
                  </div>
                  <div>
                    {{item.CreateDate*1000 | date:"yyyy-MM-dd hh:mm"}}
                  </div>
                </div>
              </ng-container>
              <ng-template #elseTemplate>
                <div class="ub ub-ac pad_left7 bc-head">
                  <div class="ub ub-ver ub-ac umar-r" style="height:4em;">
                    <div class="ub-f1 ubr bor_red"></div>
                    <div class="ub-img" style="background-image: url(assets/imgs/img/time_red.png);width: 1.5em;height: 1.5em;">
                    </div>
                    <div class="ub-f1 ubr bor_red"></div>
                  </div>
                  <div>
                    {{item.CreateDate*1000 | date:"yyyy-MM-dd hh:mm"}}
                  </div>
                </div>
              </ng-template>
              <div class="ub-img1  tiaozhan_wh" (click)="openD_t_my(item)">
                <img class="tiaozhan_wh" src="{{item.PicUrl | imgUrl:'DynamicUrl' }}" alt="" style="position: absolute;">
                <div class="ub ub-ac ub-pc ub-ver  ub-con color_white" style="background-color: rgba(0,0,0,0.25);">
                  <div class="ub-img ub ub-ac ub-pc fontsize8" style="background-image: url(assets/imgs/img/lable.png);width:5em;height: 2em;position: absolute;top: 0em;z-index: 666;right: 0.7em;">
                    <span [ngSwitch]="item.State">
                      <p *ngSwitchCase="10">
                        已发起
                      </p>
                      <p *ngSwitchCase="20">
                        进行中
                      </p>
                      <p *ngSwitchDefault>
                        已结束
                      </p>
                    </span>
                  </div>
                  <div class="ub ub-ac">
                    <div class="ub-f1 width_hr ubb">
                    </div>
                    <img src="{{item.Pattern | dataWallet:'PatternIMg' }}" style="width: 2.5em;height: 2.5em;margin: 0.3em;" />
                    <div class="ub-f1 width_hr ubb"></div>
                  </div>
                  <div>
                    <h2>{{item.Title}}</h2>
                  </div>
                  <div class="ub fontsize8 umar-t">
                    <div>
                      {{item.Pattern |dataWallet:'Pattern' }}
                    </div>
                  </div>
                </div>
              </div>
            </ng-container>

          </div>
          <!--动态 -->
          <div class="ub ub-ver ub-f1 mar_t7" id="btn2_y" *ngIf="!tex_red">

            <div class="bc-head pad_left7 mar_b5" *ngFor="let item of DyList">
              <div (click)="openDy_detial(item)">
                <div class="ub ub-ac height6">
                  <div class="ub-img dongtai_imgHead_wh">
                    <img class="dongtai_imgHead_wh" src="{{item.HeadPortrait  | imgUrl:'HeadportraitUrl'}}" />
                  </div>
                  <div class="ub umar-l ub-ver umh5">
                    <div class="ub ub-ac ub-f1 ">{{item.username}}</div>
                    <div class="ub ub-ac ub-f1 fontcolor999"> {{item.CreateDate*1000 | date:"yyyy-MM-dd hh:mm"}}</div>
                  </div>
                </div>
                <div class="ub">
                  <ng-container *ngFor="let lis of item.list" >
                    <ng-container *ngIf="lis.VideoUrl!=null; else elseTemplate">
                      <div id="videoimg" class="ub-img1 umar-r" style="width:5em;height: 5em; ">
                        <div class="ub ub-ac ub-pc" style="width: 100%;height: 100%;background-color: rgba(0,0,0,0.3)">
                          <img src="assets/imgs/img/play.png" style="width: 2em;height: 2em;" />
                        </div>
                      </div>
                    </ng-container>
                    <ng-template #elseTemplate>
                      <img class="umar-r" style="height: 5em;" src="{{lis.PicUrl  | imgUrl:'DynamicUrl'}}" />
                    </ng-template>
                  </ng-container>
                </div>
                <div class="umh4 ubb bc-border"> {{item.Describe}} </div>
              </div>
              <div class="ub ub-ac umh5 fontcolor999">
                <div class="ub-img dianzan_img dianzan_wh mar_r5" (click)="dianzan(item)"></div>
                <div class="mar_r15">{{item.FollowNum}}</div>
                <div class="ub-img pinglun_img dianzan_wh mar_r5"></div>
                <div class="mar_r15">{{item.ReplyNum}}</div>
                <div class="ub-img dashang_img dianzan_wh "></div>
                <div class="ub-f1"></div>
                <div class="ub-img threeimg_wh jvbao_img1 mar_r5" (click)="jvbao_lht(item)"></div>
              </div>
            </div>


          </div>
        </div>
      </div>
    </div>
  </div>
</ion-content>
